<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section>
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>微信配置</h3>
			<h4>卡券设置</h4>	
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content" id="voucher">
			<!-- voucher -->
			<div class="voucher">
				<!-- left -->
				<div class="voucher-left">
					<div class="voucher-menu" v-for="item in voucherList">
						<div class="vocher-menu-tit"><img src="../img/voucher_menu.jpg" /></div>
						<input type="hidden" value="" id="logo_url">
						<!-- content -->
						<div class="voucher-content" :style="{background:'url('+item.background_pic_url+')'}"  @click="clickBg">
							<input type="hidden" id="background_pic" value="">
							<!-- title -->
							<div class="vocher-titles">
								<div class="vocher-logo" @click.stop="clickLogo">
									<img :src="item.logo_url" />
									<input type="text" value="123" id="logourl">
								</div>
								<div class="vocher-title">
									<h3 v-text="cardName" @click.stop="clickCardName" ></h3>
									<h4 v-text="cardText" @click.stop="clickCardText"></h4>
								</div>
							</div>
							<!-- title -->
							 <!-- vocher-no -->
							<div class="vocher-number">
								<span>7705</span><span>7917</span><span>3792</span>
							</div>
							 <!-- vocher-no -->
						</div>
						<!--content -->
						<!-- list -->
						<div class="vocher-list layui-disabled">
							<dl>
								<dt>积分</dt>	
								<dd>0</dd>
							</dl>
							<dl>
								<dt>等级</dt>
								<dd>查看</dd>
							</dl>
							<dl>
								<dt>优惠券</dt>
								<dd>查看</dd>
							</dl>
						</div>
						<!-- list -->
						 <!-- come -->
						<div class="vocher-come">
							<h3 v-text="cardTitle" @click="clickCardTitle"></h3>
							<h4 v-text="cardTxt" @click="clickCardTxt"></h4>
						</div>
						 <!-- come -->
						 <!-- custom -->
						 <div class="vocher-custom">
							<dl v-for="(items,index) in item.custom" @click="clickCardList(items,index)" :class="{'voucher-list-bottom':index==cardListIndexNew}">
								<dt v-text="items.name"></dt>
								<dd><span v-text="items.text"></span><i class="fa fa-angle-right"></i></dd>
							</dl>
							<dl class="layui-disabled">
								<dt>会员卡详情</dt>
								<dd><i class="fa fa-angle-right"></i></dd>
							</dl>
							<dl class="layui-disabled">
								<dt>公众号</dt>
								<dd><i class="fa fa-angle-right"></i></dd>
							</dl>
						 </div>
						<p class="vocher-list-add"  v-if="isCardAdd">
							<span @click="clickCardListAdd">添加一行菜单</span>
						</p>
						 <!-- custom -->
					</div>
				</div>
				<!-- left -->
				<!-- right -->	
				<div class="voucher-right">
					 <!-- voucher-right-txt -->
					<div class="voucher-right-txt" :class="{'voucher-show':isCards}">
						<h3 v-text="cardTitleH"></h3>
						<h4 :class="{'voucher-show':isCardName}"><input type="text" class="layui-input" v-model='cardName' @change="changeCardName(cardName)" id="cardName" maxlength="20"></h4>
						<h4 :class="{'voucher-show':isCardText}"><input type="text" class="layui-input" v-model='cardText' @change="changeCardText(cardText)" id="cardText"></h4>
						<h4 :class="{'voucher-show':isCardTitle}"><input type="text" class="layui-input" v-model='cardTitle' @change="changeCardTitle(cardTitle)" id="cardTitle"></h4>
						<h4 :class="{'voucher-show':isCardTitle}">请输入按钮要跳转的链接</h4>
						<h4 :class="{'voucher-show':isCardTitle}"><input type="text" class="layui-input" v-model='cardLink' @change="changeCardLink(cardLink)" id="cardTitle"></h4>
						<h4 :class="{'voucher-show':isCardTxt}"><input type="text" class="layui-input" v-model='cardTxt' @change="changeCardTxt(cardTxt)" id="cardTxt"></h4>
						<p v-text="cardTextH"></p>
					</div>
					 <!-- voucher-right-txt -->
					 <!-- voucher-right-upload -->
					 <div class="voucher-right-upload" :class="{'voucher-show':isUpload}" >
						<h3 v-text="cardUpTit"></h3>
						<div class="layui-upload-drag voucher-upload" id="upload-logo" :class="{'voucher-show':isLogoShow}" >
							<i class="layui-icon"></i>
							<p>点击上传卡券logo，或将文件拖拽到此处</p>
						</div>
						<div class="layui-upload-drag voucher-upload" id="upload-bg" :class="{'voucher-show':!isLogoShow}">
							<i class="layui-icon"></i>
							<p>点击上传卡券背景图，或将文件拖拽到此处</p>
						</div>
						<p v-html="cardUpTxt"></p>
					 </div>
					 <!-- voucher-right-upload -->
					 <!-- voucher-right-list -->
					 <div class="voucher-right-list" :class="{'voucher-show':isCardList}">
						 <div class="voucher-btn">
							 <span @click="clickCardListAdd">添加一行菜单</span>
							 <span @click="clickCardListOrder(cardListIndexNew)">上移一位</span>
							 <span @click="clickCardListDelete(cardListIndex,cardListName)">删除</span>
						 </div>
						<div class="voucher-right-title">
							<h3 v-text="cardListName"></h3>
						</div>
						 <div class="voucher-right-lists">
							 <dl>
								 <dt>请输入自定义名称</dt>
								 <dd><input type="text" class="layui-input" v-model="cardListName" @change="changeCardListName(cardListIndex,cardListName)"></dd>
							 </dl>
							 <dl>
								 <dt>请输入提示消息</dt>
								 <dd><input type="text" class="layui-input" v-model="cardListText" @change="changeCardListText(cardListIndex,cardListText)"></dd>
							 </dl>
							 <dl>
								 <dt>请输入跳转的链接</dt>
								 <dd><input type="text" class="layui-input" v-model="cardListUrl" @change="changeCardListUrl(cardListIndex,cardListUrl)"></dd>
							 </dl>
						 </div>
					 </div>
					 <!-- voucher-right-list -->
					 <!-- voucher-member -->
					 <div class="voucher-member">
						<h3>会员卡详情</h3>
						<dl>
							<dt>特权说明</dt>
							<dd class="textarea">
								<textarea class="layui-textarea">1456454</textarea>
								<p>您还可以输入<span>0</span>个字</p>
							</dd>
						</dl>
						<dl>
							<dt>有效日期</dt>
							<dd>永久有效</dd>
						</dl>
						<dl>
							<dt>电话</dt>
							<dd><input type="text" class="layui-input">	</dd>
						</dl>
						<dl>
							<dt>使用须知</dt>
							<dd class="textarea">
								<textarea class="layui-textarea" >123</textarea>
								<p>您还可以输入<span>0</span>个字</p>
							</dd>
						</dl>
					 </div>
					 <!-- /voucher-member -->
					 <div class="voucher-right-prompt" :class="{'voucher-show':isShow}">
						<dl>点击右侧选择您要修改的内容区域</dl>
					 </div>
				</div>
				<!-- right -->
			 <!-- voucher -->
		</div>
		<!--/deer-content-->
		<div class="voucher-submit">
			<span @click="cardSubmit()">创建卡券</span>
		</div>
	</section>
	<!--js-->
		<aside>
			<script type="text/javascript" src="../layui/layui.js" ></script>
			<script type="text/javascript" src="../js/jquery.min.js" ></script>
			<script type="text/javascript" src="../js/vue.js" ></script>
			<script type="text/javascript" src="../js/voucher.js"></script> 
		</aside>
		<!--/js-->
</body>
</html>